
* { margin: 0; padding: 0;}
a:hover{text-decoration: none;color: black}
a{text-decoration: none;color: black}



ul { list-style-type: none;}
.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: 50px; background-color: rgba(0, 0, 0, 0.6);}
.menu { width: 1000px; margin: 0 auto; overflow: hidden;}
.logo { float: left; margin-top: 9px;}
.logo a { display: inline-block; width: 132px; height: 32px; background-image: url(http://www.dllingchao.com/Templates/lc2015/img/logo.png); background-size: 132px 32px;}
.nav1 { float: right; margin-top: 10px; font-size: 0;}
.nav1 li { display: inline-block; margin-left: 40px;}
.nav1 a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-decoration: none;}
.nav1 a:hover { color: #83c3f3;text-decoration: none;}
.section { text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}
#section0 { background-image: url(http://www.dllingchao.com/Templates/lc2015/img/banner_1.jpg);}

.title1 {
    color: white;
   font-size: 30px; 
   animation: more 0.6s linear  ;
}
.title2 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: more 0.6s linear  ;
}
.title3 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: more 0.6s linear  ;
}
.title11 { 
    color: white;
    font-size: 30px; 
    animation: t2 0.8s linear 3.3s ;
}
.title12 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: t2 0.8s linear 3.3s ;
}
.title13 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: t2 0.8s linear 3.3s ;
}
.title31 { 
    color: white;
    font-size: 30px; 
    animation: t3 0.9s linear 7.4s ;
}
.title32 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: t3 0.9s linear 7.4s ;
}
.title33 { 
    color: white;
    opacity: 0.8; 
    font-size: 22px;
    animation: t3 0.9s linear 7.4s ;
}
#section1 .title1, #section1 .title2, #section2 .title1, #section2 .title2 { color: #fff; opacity: 1;}
#section1 .title3, #section2 .title3 { color: #fff;}
#section3 .title3 { color: #000;}
#section1 .title1 { background: url(images-14/titleline2.png) no-repeat center bottom;}
#section2 .title1 { background: url(images-14/titleline3.png) no-repeat center bottom;}
#section3 .title1 { background: url(images-14/titleline4.png) no-repeat center bottom;}
.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images-14/oneTxt.png) no-repeat 0 0;}
.DownloadBtn { cursor: pointer; margin: 85px auto 0; width: 220px; height: 50px; position: relative; background: #5396FF; color: #fff; line-height: 50px; font-size: 24px; border-radius: 25px;}
.DownloadBtn a { display: inline-block; width: 100%; height: 100%; color: #fff; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体';}
.mTxt1 { width: 526px; height: 195px; margin: 0 auto; position: relative; top: 25%; background: url(images-14/oneTxt.png) no-repeat 0 0;}
.DownloadBtn { cursor: pointer; margin: 85px auto 0; width: 220px; height: 50px; position: relative; background: #5396FF; color: #fff; line-height: 50px; font-size: 24px; border-radius: 25px;}
.DownloadBtn a { display: inline-block; width: 100%; height: 100%; color: #fff; font-family: 'PingFang-SC-UltraLight', '微软雅黑', '宋体'; text-decoration: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: black;}
/* swiper */
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.s1 {
    background: url('http://www.dllingchao.com/Templates/lc2015/img/banner_1.jpg') no-repeat ;
    background-size: 100% 100%;
}
.s2 {
    background: url('http://www.dllingchao.com/Templates/lc2015/img/Numberquan_1.jpg') no-repeat  ;
    background-size: 100% 100%;
}
.s3 {
    background: url(http://www.dllingchao.com/Templates/lc2015/img/Number_kaufa.jpg) no-repeat ;
    background-size: 100% 100%;
}


/* 首页第一张 */
@media (min-width: 700px){
    .title1 {
        color: white;
       font-size: 60px; 
    }
    .title2 { 
        color: white;
        opacity: 0.8; 
        font-size: 20px;
    }  
    .title11 { 
        color: white;
        font-size: 60px;
    } 
    .title12 { 
        color: white;
        font-size: 30px;
    } 
    .title13 { 
        color: white;
        font-size: 30px;
    } 
    .title31 { 
        color: white;
        font-size: 60px;
    } 
    .title32 { 
        color: white;
        font-size: 30px;
    } 
    .title33 { 
        color: white;
        font-size: 30px;
    } 
}
@keyframes more{
    from{
        transform: translateY(-150px);
    }
    
}
/* 首页第二张 */
@keyframes t2{
    from{
        transform: translateY(150px);
    }
    
}
/* 首页第三张 */
@keyframes t3{
    from{
        transform: translateX(250px);
    }
}

.line {
    width: 10%;
    height: 2px;
    background-color: gray;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* 第二节 */

#section1 .wz .t1{
    font-size: 24px;
}
#section1 .wz .t2{
    font-size: 16px;
    margin-top: 20px;
}
#section1 .wz .t3{
    width: 215px;
    height: 24px;
    background-color: white;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    border: 1px solid black;
    border-radius: 50px;
}
#section1 .wz .t3:hover{
    background-color: black;
    color:white;
    cursor: pointer;
}




/* 第二节动画 */
/* .now {
    background-color: red;
} */
/* #wz-img{
    position: absolute;
    left: -1000;
}
.wz-left {
    animation: wz-left 1s linear ;
} */
/* .wz-right{
    animation: wz-right 1s linear ;
} */
/* @keyframes wz-left{
    from{
        opacity: 0;
        transform: translateX(-1250px);
    }
    to{
        visibility: visible;
    }
} */
/* @keyframes wz-right{
    from{
        transform: translateX(1250px);
    }
} */

/* 第三节 */
#section2 .line {
    width: 20%;
    height: 2px;
    background-color: gray;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
#section2 .wz .t1{
    font-size: 24px;
}
#section2 .wz .t2{
    font-size: 16px;
    margin-top: 40px;
}
/* 第四节 */
.caption{
    text-align: left;
}
/* 企业资讯 */

#section4{

}